<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE-edga,chrome=1">
	<meta name="viewport" content="width = device-width ,initial-scale=1">
	<link rel="stylesheet" href="style/normalize.css">
	<link rel="stylesheet" type="text/css" href="style/main.css">
	<title>Document</title>
</head>
<body>
	<div class="container">
		<div class="navbar">
			<input type="radio" name="check-btn" checked="checked" id="btn-1" />
			<a href="#btn1">navbar1</a>
			<input type="radio" name="check-btn" id="btn-2" />
			<a href="#btn2">navbar2</a>
			<input type="radio" name="check-btn" id="btn-3" />
			<a href="#btn3">navbar3</a>
			<input type="radio" name="check-btn" id="btn-4" />
			<a href="#btn4">navbar4</a>
			<input type="radio" name="check-btn" id="btn-5" />
			<a href="#btn5">navbar5</a>

			<div class="scroll-con" title="con">
				<section class="sc-panel" id="btn1">
					<div class="tb" data-icon="H"></div>
					<h2>container1</h2>
					<p>container1 container1 container1 container1 container1 container1 container1 container1 container1</p>
				</section>
				<section class="sc-panel bg-color" id="btn2">
					<div class="tb" data-icon="2"></div>
					<h2>container2</h2>
					<p>container1 container1 container1 container1 container1 container1 container1 container1 container1</p>
				</section>
				<section class="sc-panel" id="btn3">
					<div class="tb" data-icon="3"></div>
					<h2>container3</h2>
					<p>container1 container1 container1 container1 container1 container1 container1 container1 container1</p>
				</section>
				<section class="sc-panel bg-color" id="btn4">
					<div class="tb" data-icon="X"></div>
					<h2>container4</h2>
					<p>container1 container1 container1 container1 container1 container1 container1 container1 container1</p>
				</section>
				<section class="sc-panel" id="btn5">
					<div class="tb" data-icon="C"></div>
					<h2>container5</h2>
					<p>container1 container1 container1 container1 container1 container1 container1 container1 container1</p>
				</section>
			</div>
		</div>

	</div>
</body>
</html>